<div class="edit-users-form">
  <form nz-form [formGroup]="editUsersForm" role="form">

    <nz-form-item>
      <nz-form-label nzFor="" nzSpan="6" nzRequired>邮箱</nz-form-label>
      <nz-form-control nzSpan="18">
        <input type="text" nz-input nzSize="default" formControlName="email" placeholder="邮箱">
        <nz-form-explain *ngIf="!(editUsersForm.get('email').valid || editUsersForm.get('email').untouched)">
          <span class="text-danger" *ngIf="editUsersForm.get('email').hasError('required')">带*项不能为空!</span>
          <span class="text-danger" *ngIf="editUsersForm.get('email').hasError('email')">邮箱格式不正确！</span>
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label nzFor="" nzSpan="6" nzRequired>名字</nz-form-label>
      <nz-form-control nzSpan="18">
        <input type="text" nz-input nzSize="default" formControlName="lastName" placeholder="名字">
        <nz-form-explain *ngIf="!(editUsersForm.get('lastName').valid || editUsersForm.get('lastName').untouched)">
          <span class="text-danger" *ngIf="editUsersForm.get('lastName').hasError('required')">带*项不能为空!</span>
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label nzFor="" nzSpan="6" nzRequired>姓氏</nz-form-label>
      <nz-form-control nzSpan="18">
        <input type="text" nz-input nzSize="default" formControlName="firstName" placeholder="姓氏" autocomplete="off">
        <nz-form-explain *ngIf="!(editUsersForm.get('firstName').valid || editUsersForm.get('firstName').untouched)">
          <span class="text-danger" *ngIf="editUsersForm.get('firstName').hasError('required')">带*项不能为空!</span>
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-control class="modal-footer">
        <button nz-button nzType="primary" class="modal-footer-btn"
          (click)="updateCommonUser()">确&nbsp;&nbsp;&nbsp;&nbsp;定</button>
        <button nz-button nzType="primary" class="modal-footer-btn" nzGhost="true"
          (click)="destroyModal()">取&nbsp;&nbsp;&nbsp;&nbsp;消</button>
      </nz-form-control>
    </nz-form-item>

  </form>
</div>